<template>
	<view class="content">
		<page-meta>
		    <navigation-bar
		      :title="nbTitle"
		      :title-icon="titleIcon"
		      :title-icon-radius="titleIconRadius"
		      :subtitle-text="subtitleText"
		      :subtitle-color="nbFrontColor"
		      :loading="nbLoading"
		      :front-color="nbFrontColor"
		      :background-color="nbBackgroundColor"
		      :color-animation-duration="2000"
		      color-animation-timing-func="easeIn"
		    />
		</page-meta> 
		
		<view class="gatewayView"> 
			<view class="jalaImage">
				<u-image width="100%" height="300rpx" :src="src"></u-image>
			</view>  
			 
			<view>
				<u-cell-group>
					<u-cell-item  title="网关名称:" v-model="Name" @click="changeName()"></u-cell-item>
					<u-cell-item  title="网关编号:" :arrow="false" v-model="SN"></u-cell-item>
					<u-cell-item  title="网关类型:" :arrow="false" v-model="Lan" ></u-cell-item>
					<u-cell-item  title="SSID:" :arrow="false" v-model="SSID" ></u-cell-item>
					
					<u-cell-item  title="网关状态:" :arrow="false" v-model="Status"></u-cell-item> 
					<u-cell-item  title="设备数量:" :arrow="false" v-model="Quantity" ></u-cell-item>
				</u-cell-group>
			</view>
		</view>
		 
		
	</view>
</template>

<script>
	export default {
		// 在 页面接受参数
		onLoad: function (option) {
			console.log(option,111);
			this.SN = option.SN;
			this.Name = option.Name
		},
		data() {
			return {
				
				Name:"",
				SN:"",
				Lan:"wifi",
				Status:"在线",
				Quantity:"3",
				SSID:"11111111111111111111",
				//  
				 
				nbTitle: '网关详情',
				titleIcon: '/static/logo.png',
				titleIconRadius: '20px',
				subtitleText: 'subtitleText',
				nbLoading: false,
				nbFrontColor: '#000000',
				nbBackgroundColor: '#ffffff',
				//   
				
				src:"https://www.jalasmart.com/uploads/allimg/190820/1-1ZR0144310.png",
				 
			}
		},
		methods: {
			// 更改网关名称
			  changeName(){
				  
			  } 
		}
	}
</script>

<style lang="scss">
	page{
		height: 100%;
	}
	.content{
		width: 100%;
		height: 100%; 
		padding-bottom: 1cm;
		padding-top: 10px;
	}
	.gatewayView{
		width: 100%;  
		position: relative; 
	}
	.powerView{
		width: 100%;
		height: 40px; 
		position: absolute;
		bottom: 10px;
		left: 10px;
	}
	.jalaImage{ 
		height: 190px;
		padding: 10px;
		background-color: lightgray;
	}
	.bRight{ 
		text-align: center;
	}
	
	.mainView{
		margin-top: 20px;
	}
	.wrap {
		padding: 24rpx;
	}
	.u-row {
		margin: 40rpx 0;
	}
	 
	
</style>
